<template>
  <!-- <div>
    此处应该是导入页面
</div> -->
  <UploadExcel :on-success="onSuccess" />
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    async  onSuccess(data) {
      // 这个函数虽然在这里定义, 但其实
      // 是作为父传子的属性, 传入到子组件中进行使用
      // 并且子组件使用时, 还有一个数据对象作为形参
      console.log('最终解析的数据', data)
      // 其中 data.header 是表头, 另外 data.results 是行数据
      // 我希望做一个映射, 将原数组中的中文属性用户对象, 映射成英文属性
      const newData = data.results.map(user => {
        // 这里将单独一个用户的处理流程拆分出来,
        // 假设有一个函数, 可以接受中文用户, 输出英文用户
        return this.zhToEn(user)
      })

      // console.log('最终组成的数组', newData)
      await importEmployee(newData)
      this.$message.success('导入成功')
      this.$router.back()
    },
    zhToEn(user) {
      const newUser = {}
      // 这个函数是单独处理中文用户对象的方法
      // 接受中文key 组成用户对象
      // 最终输出英文 key 组成的对象
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }

      for (const key in user) {
        // console.log(key)
        // 取英文 key
        // const enKey = dict[key]
        // console.log('遍历到的中文key', key)
        // console.log('翻译对应英文', enKey)
        // 取值
        // const value = user[key]
        // console.log('从用户拿到原始值', value)
        // 放入新对象
        if (dict[key] === 'timeOfEntry' || dict[key] === 'correctionTime') {
          const timeStr = this.formatExcelTime(user[key])
          newUser[dict[key]] = new Date(timeStr)
        } else {
          newUser[dict[key]] = user[key]
        }
      }

      // console.log('翻译后的用户', newUser)

      return newUser
    },
    formatExcelTime(num, format = '-') {
      num = Number(num)	// 强制类型转化，以防传来的值是字符串
      let millisecond = 0	// 转化后的毫秒数
      if (num > 60) {
        millisecond = (num - 25569) * 60 * 60 * 24 * 1000
      } else {
        millisecond = (num - 25568) * 60 * 60 * 24 * 1000
      }
      const date = new Date(millisecond)	// 根据转化后的毫秒数获取对应的时间
      const yy = date.getFullYear()
      const mm = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
      const dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
      return yy + format + mm + format + dd	// 返回格式化后的日期
    }
  }
}
</script>

<style>

</style>
